﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>赛事成绩</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="HandheldFriendly" content="True">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css?r=9">

</head>
<body class="result">
	<div id="rrapp">
	<!-- side nav left-->
		<div class="side-nav-panel-left">
			<ul id="slide-out-left" class="side-nav side-nav-panel collapsible">
				<li class="li-top">
					<div class="collapsible-header active"><i class="fa fa-home"></i>Home <span><i class="fa fa-caret-down"></i></span></div>
					<div class="collapsible-body">
						<ul class="side-nav-panel">
							<li><a href="index.html">Home Default</a></li>
							<li><a href="home-business.html">Home Business</a></li>
							<li><a href="home-portfolio.html">Home Portfolio</a></li>
							<li><a href="home-shop.html">Home Shop</a></li>
							<li><a href="home-blog.html">Home Blog</a></li>
						</ul>
					</div>
				</li>
				<li>
					<div class="collapsible-header"><i class="fa fa-shopping-cart"></i>Shop <span><i class="fa fa-caret-down"></i></span></div>
					<div class="collapsible-body">
						<ul class="side-nav-panel">
							<li><a href="home-shop.html">Shop</a></li>
							<li><a href="shop-single.html">Shop Single</a></li>
							<li><a href="checkout.html">Checkout</a></li>
						</ul>
					</div>
				</li>
				<li>
					<div class="collapsible-header"><i class="fa fa-file-o"></i>Pages <span><i class="fa fa-caret-down"></i></span></div>
					<div class="collapsible-body">
						<ul class="side-nav-panel">
							<li><a href="pricing.html">Pricing</a></li>
							<li><a href="error404.html">404</a></li>
							<li><a href="team.html">Team</a></li>
							<li><a href="testimonial.html">Testimonial</a></li>
						</ul>
					</div>
				</li>
				<li>
					<div class="collapsible-header"><i class="fa fa-bold"></i>Blog <span><i class="fa fa-caret-down"></i></span></div>
					<div class="collapsible-body">
						<ul class="side-nav-panel">
							<li><a href="home-blog.html">Blog Slider</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="blog-single.html">Blog Single</a></li>
						</ul>
					</div>
				</li>
				<li><a href="about-us.html"><i class="fa fa-user"></i>About Us</a></li>
				<li><a href="contact.html"><i class="fa fa-envelope-o"></i>Contact Us</a></li>
				<li><a href="login.html"><i class="fa fa-sign-in"></i>Login</a></li>
				<li><a href="register.html"><i class="fa fa-user-plus"></i>Register</a></li>
			</ul>
		</div>
		<!-- end side nav left-->


		<!-- register -->
		<div class="section">
			<div class="container">
				<div class="result-head">

						<div class="result-title" style="margin-top: 10px;">
							赛事成绩查询结果
						</div>
						<div class="result-base" v-for="(fCertificateDTO,index) in list" style="border-bottom: 1px solid #e5e5e5;">
							<div class="result2-content">
								<!--
                                <div class="result2-row"><div class="result2-label">考级</div> <div class="result2-val">{{fCertificateDTO.classifyName}}</div></div>
                                -->
								<div class="result2-row"><div class="result2-label">赛事</div> <div class="result2-val">{{fCertificateDTO.matchName}}</div></div>
								<div class="result2-row"><div class="result2-label">赛项</div> <div class="result2-val">{{fCertificateDTO.matchItem}}</div></div>
								<div class="result2-row"><div class="result2-label">学生姓名</div> <div class="result2-val">{{fCertificateDTO.name}}</div></div>
								<div class="result2-row"><div class="result2-label">身份证号</div> <div class="result2-val">{{fCertificateDTO.idCard}}</div></div>
								<div class="result2-row"><div class="result2-label">成绩</div> <div class="result2-val">{{fCertificateDTO.score}}</div></div>
								<div class="result2-row"><div class="result2-label">名次</div> <div class="result2-val">{{fCertificateDTO.ranks}}</div></div>
								<div class="result2-row"><div class="result2-label">证书编号</div> <div class="result2-val">{{fCertificateDTO.certificateNo?fCertificateDTO.certificateNo:'-'}}</div></div>
								<div class="result2-row"><div class="result2-label">日期</div> <div class="result2-val">{{fCertificateDTO.createDate}}</div></div>
							</div>
							<!--
                            <div style="bottom: 30px;"><a href="cer-download" style="text-decoration: underline;color: #1059A3;">查看证书</a></div>
                            -->
						</div>

				</div>

			</div>
		</div>
	</div>
	<!-- end register -->
	
	<!-- scripts -->
	<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
	<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
	<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
	<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
	<script src="${request.contextPath}/statics/js/main.js"></script>
	<script src="../statics/js/vue.min.js"></script>
	<script>
		var vm = new Vue({
			el: '#rrapp',
			data: {
				id: "",
				list: [],
				/*fCertificateDTO:{
					name: "",
					competitionName: "",
					classifyName: "",
					idCard: "",
					certificateNo: "",
					createDateStr: "",
				}*/
			},
			created: function () {
				var url = window.location.href;
				var args = url.split("?id=");
				this.id = args[1];
				this.queryById();

			},
			methods:{
				queryById(){
					$.ajax({
						type: 'get',
						url: '${request.contextPath}/h5/queryById/' + this.id,
						data: {},
						success: function (res) {
							console.log(res)
							if(res.code === 0){
								//vm.fCertificateDTO = res.data
								vm.list = res.data;
							}else{
								alert(res.msg);
							}
						},
					});
				}
			}
		});
	</script>
</body>
</html>
